<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>LOGIN </title>
  <BODY bgcolor="#000000">


<script>
function validate(){
var username=document.form.user.value;
var password=document.form.pass.value;
if(username==""){
 alert("Enter Username!");
  return false;
}
if(password==""){uj 
 alert("Enter Password!");
  return false;
}
return true;
}
</script>

<form name="form" method="post" action="check.jsp" onsubmit="javascript:return validate();">
<img src=premh.jpg center no-repeat /> 
</img>
<ul> 
<div id ="header"
</div>



<div id="nav-menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div>

<table>
<tr><td>Username:</td><td><input type="text" name="user"></td></tr>
<tr><td>Password:</td><td><input type="password" name="pass"></td></tr>
<tr><td></td><td><input type="submit" value="Submit"><input type="submit" value ="NewUsers"></td></tr>

</table>



<style type="text/css">
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
} 

 #nav-menu li
{
float: left;
margin: 0 0;
} 
 
ul a:hover {
color: #FFF;
}
#nav-menu li a
{
background: (premh.jpg) center no-repeat
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #371C1C;
text-decoration: none;
text-align: center;
background-color: #33C;
color: #FFF;
}

#header {
  background: (premh.jpg) center no-repeat;
  width : 100% repeat x;
}



</style>
</head>




</form>
</html>